﻿<%@ Page Language="VB" 
    AutoEventWireup="false" 
    CodeFile="DiskDrive.aspx.vb" 
    Inherits="DiskDrive" 
    AspCompat="true" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head id="Head1" runat="server">
    <link href="CSS/cddvd.css" rel="stylesheet" type="text/css" />
    <script src="Javascript/jquery.js" type="text/javascript"></script>
    <title>Series</title>
</head>

<body bgcolor="#0b5eba">
    <form id="form1" runat="server">

    <asp:ScriptManager ID="scriptManager" runat="server" EnablePageMethods="true" />

    <asp:UpdatePanel runat="server" ID="updPanel">
    <ContentTemplate>

    <asp:HiddenField ID="cmdName" runat="server" />
    <asp:HiddenField ID="cmdArg" runat="server" />
    <asp:HiddenField ID="btnText" runat="server" />

    <asp:UpdateProgress ID="UpdateProgress1" runat="server"
        DisplayAfter="250">
        <ProgressTemplate>            
            <div id="activityIndicator"></div>
        </ProgressTemplate>    
    </asp:UpdateProgress>  			
    
	<div id='library-container'>

		<div id='library-breadcrumb-container'>
	        <asp:ListView ID="lstBreadcrumb" runat="server">
			    <LayoutTemplate>
			        <asp:PlaceHolder runat="server" id="itemPlaceHolder">
			        </asp:PlaceHolder>
			    </LayoutTemplate>
			    <ItemTemplate>
			        <asp:Panel ID="pnlBreadcrumbItem" runat="server"
			            cssclass="breadcrumbItem">
			            <asp:LinkButton ID="btnBreadcrumb" runat="server" />
			        </asp:Panel>
			    </ItemTemplate>
            </asp:ListView>
			<asp:Panel ID="pnlLastBreadcrumbItem" runat="server">
			    <asp:Label ID="lblLastBreadcrumb" runat="server"
			        cssclass="lastBreadcrumbItem" />
			</asp:Panel>
		</div>

		<div id='library-main-container'>
			
			<asp:panel id='LibraryMain' runat="server">
			    <div id='LibraryRows' style="display:none">
			    <asp:ListView ID="lstMain" runat="server">
			        <LayoutTemplate>
			            <asp:PlaceHolder runat="server" id="itemPlaceHolder"></asp:PlaceHolder>
			        </LayoutTemplate>
			        <ItemTemplate>
			            <asp:Panel ID="pnlRow" runat="server" 
			                CssClass="row">
			                    <asp:Image ID="imgObjectType" runat="server"
			                        cssclass="fileType" />
    			                <asp:Panel ID="pnlmainColumn" runat="server" 
    			                    CssClass="fileName">
    			                    <asp:LinkButton ID="btnMain" runat="server" 
    			                        OnClientClick="javascript:fadeOutpnlRow();"/>
    			                </asp:Panel>
    			                <asp:Panel ID="pnlInfo" runat="server" 
    			                    CssClass="lblInfo">
    			                    <asp:Label ID="lblInfo" runat="server"
    			                        Text="&nbsp"/>
    			                </asp:Panel>
                        </asp:Panel>
			        </ItemTemplate>
			    </asp:ListView>
			    </div>
			</asp:panel>
		</div>

	</div>

    </ContentTemplate>
    </asp:UpdatePanel>

    <script language="javascript" type="text/javascript">


        function setAction(parCmdName, parCmdArg, ItemId) {
            LibraryRowsFadeOut();
            theForm.cmdName.value = parCmdName;
            theForm.cmdArg.value = parCmdArg;
            theForm.btnText.value = $("#" + ItemId).text();
        }

        /* Se ejecuta cada vez que hay un postback  */
        function pageLoad() {
            setEvents();
            $("#LibraryRows").fadeIn(300);
        }

        /* Se ejecuta sólo la primera vez que se carga el formulario  */
        $(document).ready(function() {
            $get('UpdateProgress1').style.display = 'block'; 
            __doPostBack('LibraryMain', '@@@@');
        })

        function setEvents() {
            $('.row').hover(
                function() {
                    $(this).addClass('hover');
                },
                function() {
                    $(this).removeClass('hover');
                }
            );

            $('.menu-item').hover(
                function() {
                    $(this).addClass('hover');
                },
                function() {
                    $(this).removeClass('hover');
                }
            );
        }

        function EndRequestHandler(sender, args) {
            $("#LibraryRows").fadeIn(300);
        }

        function LibraryRowsFadeOut() {
            $("#LibraryRows").fadeOut(100);
        }

        Sys.WebForms.PageRequestManager.getInstance().add_endRequest(EndRequestHandler);
 
    </script>
	
    </form>

</body>
</html>